<template>
    <div class="order d-flex flex-column " style="height:100%" >
    <div class="order-header d-flex jc-between p-all border-b postion-s">
       <i class="iconfont icon-fangxiang1" @click="back"></i>
      <div class="orders f-18 ">我的订单</div>
       <span class="iconfont icon-menu2 .e3" @click="flag=!flag"></span>
    </div>
      <!-- <div class="order-store d-flex jc-around f-12">
          <div class="p-all">全部订单</div>
          <div class="p-all">待支付</div>
          <div class="p-all">已支付</div>
          <div class="p-all">待收货</div>
      </div> -->
      <div class="postion-s">
     <el-menu :default-active="$route.path" class="el-menu-demo" mode="horizontal" active-text-color="#36bc7c" collapse-transition router style="font-size:0.10rem "  >
         <el-menu-item index='/order/all' >全部订单</el-menu-item>
         <el-menu-item index='/order/to'>待付款</el-menu-item>
         <el-menu-item index='/order/complete'>待确认</el-menu-item>
         <el-menu-item index='/order/await'>已取消</el-menu-item>
         <el-menu-item index='/order/evaluate'>待评价</el-menu-item>
     </el-menu>
      </div>
     <div class="f-1">
         <router-view></router-view>
     </div>
     <ti-ps v-show="flag"></ti-ps>
    </div>
</template>

<script>
export default {
  data () {
    return {
      flag: false
    }
  },
  methods: {
    back () {
      this.$router.back()
    }
  }
}
</script>

<style lang="scss" >
.postion-s{
    ul{
        display: flex;
        justify-content: space-between;
    li{
        padding: 0 0.1rem;
        font-size: 0.12rem
    }
    }
}
</style>
